<!DOCTYPE html>
<%@page import="mobi.weq.model.User"%>
<%@page import="java.util.List"%>
<%@page import="mobi.weq.dao.UserDao"%>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PESQoL</title>

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"
	href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="jsp/signup.css">

</head>

<body>
	<form action="signup" method="post">
		<h1 class="title" style="color: orange">
			<b>WeQ Mobi</b>
		</h1>
		<div class="input-group" style="width: 300px">
			<span class="input-group-addon glyphicon glyphicon-user"></span><input
				type="text" class="form-control" placeholder="Register a user name"
				name="username">
		</div>
		<div class="input-group" style="width: 300px">
			<span class="input-group-addon glyphicon glyphicon-lock"></span><input
				type="password" class="form-control" placeholder="Create a password"
				name="password">
		</div>
		<div class="input-group" style="width: 300px">
			<span class="input-group-addon glyphicon glyphicon-lock"></span><input
				type="password" class="form-control"
				placeholder="Confirm your password" name="password-comfirm">
		</div>

		<div class="input-group" style="width: 300px">
			<span class="input-group-addon glyphicon glyphicon-envelope"></span><input
				type="text" class="form-control"
				placeholder="Enter your current email" name="email">
		</div>
		<br />
		<div class="input-group" style="width: 300px">
			<span class="gender" id="female"> <input type="radio"
				name="sex" value="1"> <label class="female">Female</label>
			</span> <span class="gender" id="male"> <input type="radio"
				name="sex" value="2"> <label class="male">Male</label>
			</span>
		</div>

		<div class="input-group" style="width: 300px">
			<span><select name="age_group" id="agegroup"
				class="btn btn-default">
					<option id="age" value="0" selected="1">Age Group</option>
					<option value="1">0-15</option>
					<option value="2">16-24</option>
					<option value="3">25-34</option>
					<option value="4">35-44</option>
					<option value="5">45-54</option>
					<option value="6">55-64</option>
					<option value="7">65+</option>
			</select> </span>
		</div>
		<br>
		<div class="input-group" style="width: 300px">
			<span><button
				class="create-account-successful-button btn btn-default"
				type="submit">Create an
					account</button> </span>
		</div>
	</form>
</body>
</html>